@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?802pv0');
  src:  url('fonts/icomoon.eot?802pv0#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?802pv0') format('truetype'),
    url('fonts/icomoon.woff?802pv0') format('woff'),
    url('fonts/icomoon.svg?802pv0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
*{
	margin: 0;
	padding: 0;
	font-family: 微软雅黑;
}
.header{
	width: 1356px;
	height: 120px;
	position: relative;
	// background-color: pink;
		.logo{
			width: 83px;
			height: 77px;
			line-height:120px ;
			margin-left: 40px;
			float: left;
			img{
				width: 100%;
				height: 100%;
				vertical-align: middle;
				}
			
			}
		.h_right{
			width: 700px;
			height: 100%;
			// float: right;
			float: right;
			
			ul{
				
				display: flex;
				justify-content: space-around;
				// 主轴
				list-style: none;
				width: 600px;
				height: 100%;
				align-items: center;
				// 交叉轴 先控制交叉轴
				
				
				li{
					position: relative;
					cursor: pointer;
					&:hover::before, &:hover::after{
						width: 40px;
						
					}
					&:hover:nth-last-child::before{
						width: 40px;
					}
					&::before{
						content: "";
						width: 0px;
						height: 1px;
						background-color: #d6d6d6;
						position:absolute;
						left: -26px;
						top: 2px;
						transform: rotate(-52deg);
						transition: all .5s;
						
					}
					
					&::after{
						content: "";
						width: 0px;
						height: 1px;
						background-color: #d6d6d6;
						position:absolute;
						right: -21px;
						bottom: -2px;
						transform: rotate(-52deg);
						transition: all .5s;
					}
					
					h1{
						font-size: 18px;
						font-weight: bold;
					}
					p{
						font-size: 14px;
						color: #8d8d8d;
						text-align: center;
					}
					img{
						
					}
					
				}
				
			}
			
		}
		.h_weixin{
			width: 70px;
			height: 23px;
			margin-bottom: 13px;
			display: inline-block;
			position: absolute;
			right: 0px;
			bottom: 35%;
			// margin-left: 100px;
			img{
				width:23px;
				height: 100%;
			}	
	}
}

footer{
	width: 1356px;
	height: 164px;
	
	.footer_img{
		width: 1356px;
		height: 164px;
		margin-top: 50px;
		background-image: url(../img/footer_img_22.jpg);
		font-weight: bold;
		// color: white;
		text-align: center;
		position: relative;
		p{
			position: absolute;
			bottom: 30px;
			left: 50%;
			transform: translate(-50%);
		}
	}
}